<!DOCTYPE html>
<html>
    <head>
    <title>
        注册
    </title>
    <style>
        fieldset{
            width: 400px;
            height: 480px;
            padding: 60px 100px;
            margin: 25px auto;
            background-color: #e1e9ef;
            border-radius: 10px;
            border: none;
        }
        legend{
            font: 24px 楷体;
            padding: 5px 15px;
            background-color: #e1e9ef;
            border-radius: 10px;
        }
        .needinput{
            height: 40px;
            width: 300px;
            padding: 0 35px;
            border: none;
            background: #f8f9f9;
            font-size: 15px;
            box-shadow: 0px 1px 1px rgba(225, 225, 225, 0.7),inset 0px 2px 5px #aaaaaa;
            color:#17202a;
            border-radius: 5px;

        }
        input[type="submit"]{
            width: 110px;
            height: 40px;
            text-align: center;
            border-radius: 5px;
            font: 16px "黑体";
            background-color: #c0c6cb;
            margin: 45px auto 20px;
            display: block;
        }
        .smtxt{
            font-size: 14px;text-align: center;
        }
        a{text-decoration: none;}
        a:hover{text-decoration: underline;}
    </style>
    </head>
    <body>
        <form>
            <fieldset>
                <legend>注册新用户</legend>
                <p>用户名<br>
                <input type="text" class="needinput" placeholder="请输入用户名"></p>
                <p>
                    <input type="password" class="needinput" placeholder="请输入密码"></p>
                </p>
                <p>重新输入密码<br>
                <input type="password" class="needinput" placeholder="重新输入密码">
                <p>性别：&nbsp;<input type="radio" name="gender" id="man"><label for="man">男</label>
                    <input type="radio" name="gender" id="woman"><label for="owman">女</label></p>
                    <p>是否了解本站：&nbsp;<input type="checkbox" id="well"><label for="well">很了解</label>
                        <input type="checkbox" id="normal"><label for="normal">一般</label><input type="checkbox" id="no"><label for="no">不了解</label></p>
                        <p><input type="submit" value="注册"></p>
                        <p class="smtxt"> 已有账户？<a href="iii.html">登录</a></p>
            </fieldset>
        </form>
    </body>
</html>